import { EDITOR_ELEMENT_TYPE, PLUGINS_KEYS, Plugin } from '../types';
import './styles.less';

function Align(): Plugin {
  return {
    key: PLUGINS_KEYS.ALIGN,
    type: EDITOR_ELEMENT_TYPE.BLOCK,
    // matchLeaf: (props) => !!props.leaf[PLUGINS_KEYS.ALIGN],
    // renderLeaf: (context) => {
    //   context.classList.push(Object.keys(context.props.leaf[PLUGINS_KEYS.ALIGN] || {}).join(' '));
    //   return context.children;
    // },
    match: (props) => !!props.element[PLUGINS_KEYS.ALIGN],
    render: (context) => {
      context.classList.push(Object.keys(context.props.element[PLUGINS_KEYS.ALIGN] || {}).join(' '));
      return context.children;
    },
  };
}

export default Align;
